@charset "UTF-8";

/**
 *  Author: ToDo Meng
 *  Date:   2017.10.24
 *  Time:   09:00
 *  Desc:   登录样式
**/

body { overflow: hidden; background: #f2f2f2; background-image: url(http://qiniu.3todo.com/img_bg_admin_login.jpg);}
.login-box {display: inline-block;position: absolute;top: 43%;transform: translate(0, -50%);right: 120px;padding-left: 30px;padding-right: 30px;border: 1px solid #e6e6e6;border-radius: 2px;background: rgb(255 255 255 / 0.4);width: 420px;}
.login-box-header { margin-top: 28px; height: 56px; line-height: 56px; text-align: center; font-size: 26px; }
.login-box-footer {margin: 3rem 0;text-align: center;}
.layui-input { height: 40px; margin-top: 28px; }
.layui-btn { background: #108ee9; }
.login-box-body div { position: relative; }
#captcha_img { box-sizing: border-box; border-radius: 2px; height: 38px; position: absolute; top: 1px; right: 1px; }

/* 适配多设备 */
@media screen and (max-width:768px) {
    body { height: 100%; width: 100%; min-width: 320px; }
    .login-box { min-width: 320px; box-sizing: border-box; top: 0px; right: 0px; width: 100%; height: 100%; margin: 0px; border: 0px; transform: translate(0, 0); }
}
